// 分类模块
import { topCategory } from '@/api/constants'
// 获取分类方法
import { findAllcategory } from '@/api/category'
export default {
  namespaced: true,
  state () {
    return {
      // 分类信息集合
      // 依赖topCategory进行设置 避免开局无后台数据白屏
      list: topCategory.map(item => ({ name: item }))

    }
  },
  // 修改state的函数
  mutations: {
    setList (state, payload) {
      state.list = payload
    },
    // 定义show和hide函数 控制当前分类显示隐藏
    show (state, id) {
      const cuurCategory = state.list.find(item => item.id === id)
      cuurCategory.open = true
    },
    hide (state, id) {
      const cuurCategory = state.list.find(item => item.id === id)
      cuurCategory.open = false
    }
  },
  // 异步修改mutations的函数
  actions: {
    async getList (context) {
      const data = await findAllcategory()
      // context.commit('setList', data.result)
      // 给每个分类加上控制二级分类显示隐藏的数据
      data.result.forEach(top => {
        top.open = false
      })
      context.commit('setList', data.result)
    }
  }
}
// export default {
//   namespaced: true,
//   state () {
//     return {
//       list: 1
//     }
//   },
//   mutations: {
//     setList (state, payload) {
//       state.list = payload
//     }
//   },
//   actions: {
//     async getList (context) {
//       console.log(this.state.list)
//       await context.commit('setList', 33)
//       console.log(this.state.list)
//     }
//   }
// }
